<script lang="ts" setup>
</script>

<template>
  <div class="feedback-box">
    <p class="title">{{$t("feedback.title")}}</p>
    <p class="title-2">{{$t("feedback.one1")}} <a
        link="https://gitee.com/ma_zipeng/image-bed">{{$t("feedback.one2")}}</a> {{$t("feedback.one3")}}</p>
    <p class="title-2">{{$t("feedback.two")}}</p>
    <img src="/code.png" alt="img load err">
  </div>
</template>

<style lang="scss">
.feedback-box {
  color: $themeFontColor;
  flex: 1;

  .title {
    font-size: 28px;
    text-align: center;
    margin: 28px 0;
  }

  .title-2 {
    font-size: 20px;
    margin: 12px;

    a {
      cursor: pointer;
      color: $themeColor;
    }
  }

  img {
    margin-top: 12px;
    margin-left: 36px;
    width: 200px;
    height: 200px;
    object-fit: cover;
  }
}
</style>
